<template>
  <Vue3DraggableResizable
    :initW="440"
    :initH="300"
    :draggable="true"
    :resizable="true"
    :parent="true"
    @resizing="resizingHandle"
  >
    <slot></slot>
  </Vue3DraggableResizable>
</template>

<script setup lang="ts">
const emit = defineEmits<{
  (event: "resize", val: any): void;
}>();
const resizingHandle = (info: any) => emit("resize", info);
</script>

<style scoped></style>
